.content {
  padding-top: 300upx;
  padding-bottom: 100upx;
  width: 100%;
  box-sizing: border-box;
  .title {
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 20px;
    text-indent: 20px;
    text-align: center;
    color: var(--sub-color-1);
    text-shadow: 3px 3px 5px rgba(0,0,0,.3);
  }
  .login-info {
    margin: 80upx auto 0;
    width: 680upx;
    .password-input,
    .account-input {
      padding-left: 35upx;
      width: 100%;
      height: 80upx;
      border: 1px var(--sub-color-1) solid;
    }
    .password-input {
      margin-top: 35upx;
    }
    .login-btn {
      margin-top: 40upx;
      font-weight: 800;
      letter-spacing: 20px;
      text-indent: 20px;
      background-color: var(--reve-color);
      color: #ffffff;
      box-shadow: 0px 1px 5px rgba(0,0,0,.7);
    }
  }
  .register-link {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: underline;
  }
  .other-login-title {
    position: relative;
    margin-top: 320upx;
    font-size: 12px;
    color: var(--sub-color-2);
    text-align: center;
    &:after,
    &:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50upx;
      width: 250upx;
      height: 3upx;
      background-color: var(--sub-color-2);
      transform: translateY(-50%);
    }
    &:after {
      right: 50upx;
      left: unset;
    }
  }
  .other-login-list {
    margin: 60upx auto 0;
    width: 620upx;
    display: flex;
    justify-content: space-around;
    .other-login-item {
      width: 100upx;
      height: 100upx;
      background-color: var(--sub-color-1);
      background-size: 70% 70%;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 50upx;
      box-shadow: 2px 2px 8px rgba(0,0,0,.5);
    }
    .qq {
      background-image: url("@/static/icons/icon_qq.png");
    }
    .wx {
      background-image: url("@/static/icons/icon_wx.png");
    }
    .git {
      background-image: url("@/static/icons/icon_github.png");
    }
  }
}